<template>
<div class="login-container">
  <div class="login-weaper  animate__animated animate__bounceInRight">
    <div class="login-logo">
      <img src="@/assets/logo.png" alt="">
    </div>
    <p class="login-tip">欢迎登录'掌心记'</p>
    <div class="login-border">
      <div class="login-main">
        <user-login v-if="activeName==='user'"/>
        <code-login v-if="activeName==='code'"/>
        <div class="login-menu">
          <a href="#" @click.stop="activeName='user'">账号密码</a>
          <a href="#" @click.stop="this.$message.error('开发中')" disabled="true">验证码登录</a>
        </div>
      </div>
    </div>
  </div>

  <div class="login-copyright">
    芜湖起飞
  </div>
</div>
</template>

<script>
import UserLogin from "@/components/login/UserLogin";
import CodeLogin from "@/components/login/CodeLogin";

export default {
  name: "index",
  components: {
    UserLogin, CodeLogin
  },
  data() {
    return {
      // 登录方式
      activeName: 'user',
    }
  },
  methods: {

  }
}
</script>

<style lang="scss">
@import "@/styles/index.scss";
</style>